<template>
  <input :val="modelValue" @input="emit('update:modelValue', $event.target.value)">

  </input>
</template>

<script setup>
import { ref } from 'vue';

defineProps(['modelValue'])
const emit = defineEmits(['update:modelValue'])

</script>

<style scoped>
input {
  border: 2px solid black;
  background-image: linear-gradient(45deg, rgb(255, 0, 0), rgb(0, 128, 0), rgb(0, 0, 255));
  height: 30px;
  font-size: 20px;
  color: white;
}
</style>
